<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>我要找客服</title>
    <script type="text/javascript" src="js/pageLoadBefore.js"></script>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!--顶部-->
<div class="topBar ub ub-ae MainBC">
    <div class="logo"></div>
    <div class="ub path"><a>首页</a><span> > </span><a>用户中心</a><span> > </span><span>我要找客服</span></div>
    <div class="ub-f"></div>
    <div class="ub ub-ac pExit">
        <div class="exit"></div>
        <div>退出登录</div>
    </div>
</div>
<!--浮标-->
<div class="fixedSub">
    <div class="icon icon-top" onclick="toTop();"></div>
    <div class="icon icon-phone"></div>
    <div class="icon icon-chat"></div>
    <div class="icon icon-user" onclick="window.location.href='serveServer.html'"></div>
</div>
<!--主体-->
<div class="ub">
    <!--左侧菜单-->
    <div class="nav">
        <div class="ub ub-ac navItem">
            <div><img src="img/zuhe.png"></div>
            <div>组合</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="stockPool.html">股票池</a></li>
            <li><a href="operateStrategy.html">操作策略</a></li>
        </ul>
        <div class="ub ub-ac navItem active">
            <div><img src="img/fuwu.png"></div>
            <div>服务</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="serveTeacher.html">我要找老师</a></li>
            <li class="active"><a>我要找客服</a></li>
            <li><a href="serverMade.html">我要去定制</a><span class="badge">99+</span></li>
        </ul>
        <div class="ub ub-ac navItem">
            <div><img src="img/zhanghu.png"></div>
            <div>我的账户</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="myOrder.html">我的订单</a></li>
            <li><a href="serverVIP.html">我要升级VIP</a></li>
            <li><a href="msgNotify.html">消息通知</a></li>
            <li><a href="wxSever.html">微信服务</a></li>
        </ul>
        <div class="ub ub-ac navItem">
            <div><img src="img/kefu.png"></div>
            <div>我的客服</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <div style="padding-top: 15px;">
            <div class="ub ub-ac ub-pc">
                <img src="img/src/serverPic.png">
            </div>
            <div class="ub ub-ac ub-pc severInfo">
                张颖&nbsp;&nbsp;工号（8384）
            </div>
            <div class="ub ub-ac ub-pc severInfo">
                服务热线：025-962155
            </div>
        </div>
    </div>
    <!--正体-->
    <div class="container ub-f ub ub-ver">
        <!--欢迎-->
        <div class="userWe areaBC margin-b">
            <span class="text-warn">13*****647</span> 下午好，欢迎来到天鼎投资！<br>
            <img src="img/bell.png">我们已经为您服务了<span class="text-warn">30</span>天，还有<span
                class="text-warn">50</span>天到期，若对我们的服务还满意，请立即续费，以免错过最佳投资时机。
            <div class="renew">立即续费</div>
        </div>
        <div class="ub">
            <!--正体左 文章-->
            <div class="containL ub ub-ver">
                <!--文章题栏-->
                <div class="margin-b areaBC titleLine ub ub-ac">
                    <div class="titleIco"><img src="img/serveServer.png"></div>
                    <span>我要找客服</span>
                </div>
                <div class="areaBC ub ub-ver content">
                    <div class="ub">
                        <div class="titB">我要找客服</div>
                        <div class="ub-f ub ub-pe hotLine">咨询热线：025-962155</div>
                    </div>
                    <div class="ub ub-ac userPane">
                        <div class="divImg circle userPic"><img src="img/src/PicServer.png"></div>
                        <div class="ub ub-ver ub-f linH">
                            <div class="fts20 text-warn">张颖</div>
                            <div>工号：8384</div>
                            <div class="fts16">服务只有更好，满意只是起点。</div>
                        </div>
                    </div>
                    <div class="chatPane ub ub-ver">

                        <div class="ub chatLine chatLineLeft">
                            <div class="divImg circle userPicCon"><img src="img/src/PicServer.png"></div>
                            <div class="ub-f ub ub-ver">
                                <div class="chatInfo">张颖02-28 15:00</div>
                                <div class="chatText leftTxt">您好，有什么可以帮助您的吗？
                                    <div class="arrow"></div>
                                </div>
                            </div>
                        </div>

                        <div class="ub chatLine chatLineLeft">
                            <div class="divImg circle userPicCon"><img src="img/src/PicServer.png"></div>
                            <div class="ub-f ub ub-ver">
                                <div class="chatInfo">张颖02-28 15:00</div>
                                <div class="chatText leftTxt">
                                    您好，关于股票信息我们会通过短信或微信的方式通知您，请您留意查看。您好，关于股票信息我们会通过短信或微信的方式通知您，请您留意查看。
                                    <div class="arrow"></div>
                                </div>
                            </div>
                        </div>

                        <div class="ub chatLine chatLineRight">
                            <div class="ub-f ub ub-ver ub-ae">
                                <div class="chatInfo ub ub-pe">我02-28 15:00</div>
                                <div class="chatText rightTxt">今天行情怎么预算？股票要补仓吗？
                                    <div class="arrow"></div>
                                </div>
                            </div>
                            <div class="divImg circle userPicCon"><img src="img/src/PicCustomer2.png"></div>
                        </div>

                        <div class="ub chatLine chatLineLeft">
                            <div class="divImg circle userPicCon"><img src="img/src/PicServer.png"></div>
                            <div class="ub-f ub ub-ver">
                                <div class="chatInfo">张颖02-28 15:00</div>
                                <div class="chatText leftTxt">
                                    您好，关于股票信息我们会通过短信或微信的方式通知您，请您留意查看。您好，关于股票信息我们会通过短信或微信的方式通知您，请您留意查看。
                                    <div class="arrow"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="textArea">
                        <textarea placeholder="请输入您要咨询的股票或问题……"></textarea>
                    </div>
                    <div class="ub ub-pe">
                        <div class="submit">提 交</div>
                    </div>
                </div>
            </div>
            <!-- 正体右 咨询-->
            <div class="containR ub ub-ver">
                <div class="MainBC ttLine">消息直播</div>
                <div class="areaBC con-3 ub ub-ver">
                    <div class="ub ub-ver">
                        <div class="ub">
                            <div class="newL">
                                <span>13:10</span>

                                <div class="newPoint"></div>
                            </div>
                            <div class="ub-f ub ub-ver newR">
                                <div class="newRT">上海筹谋推动当地能源领域改革</div>
                                <div class="newRC">上海市正筹谋推动当地能源领域改革，其中燃气行业改革是重要组成部分，其改革方向是专业化、市场化、国际化，其总体思路要放开上下游管住中间。
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ub ub-ver">
                        <div class="ub">
                            <div class="newL">
                                <span>13:08</span>

                                <div class="newPoint"></div>
                            </div>
                            <div class="ub-f ub ub-ver newR">
                                <div class="newRT">上海筹谋推动当地能源领域改革</div>
                                <div class="newRC">上海市正筹谋推动当地能源领域改革，其中燃气行业改革是重要组成部分，其改革方向是专业化、市场化、国际化，其总体思路要放开上下游管住中间。
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ub ub-ver">
                        <div class="ub">
                            <div class="newL">
                                <span>13:08</span>

                                <div class="newPoint"></div>
                            </div>
                            <div class="ub-f ub ub-ver newR">
                                <div class="newRT">上海筹谋推动当地能源领域改革</div>
                                <div class="newRC">上海市正筹谋推动当地能源领域改革，其中燃气行业改革是重要组成部分.</div>
                            </div>
                        </div>
                    </div>
                    <div class="ub ub-ver">
                        <div class="ub">
                            <div class="newL">
                                <span>12:09</span>

                                <div class="newPoint"></div>
                            </div>
                            <div class="ub-f ub ub-ver newR">
                                <div class="newRT">上海筹谋推动当地能源领域改革</div>
                                <div class="newRC">上海市正筹谋推动当地能源领域改革，其中燃气行业改革是重要组成部分，其改革方向是专业化、市场化、国际化，其总体思路要放开上下游管住中间。
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ub ub-ac ub-pc">
                        <div class="loadMore">加载更多</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer"></div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
    (function () {
        $('.chatPane').scrollTop($('.chatPane')[0].scrollHeight);//控制聊天区域滚动条到底部
        setTimeout(function () {
            $('html,body').animate({scrollTop: $('textarea').offset().top}, 'slow', function () {
                $('textarea').focus();
            });
        }, 300);
    })();

</script>
</body>
</html>